<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>维修详情</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="telephone=no" name="format-detection">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <script src="js/rem.js"></script>
    <link rel="stylesheet" href="css/b-font.css" />
    <link rel="stylesheet" href="css/mui.min.css">
    <link rel="stylesheet" href="css/mobileSelect.css">
    <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/maintain.css" />
    <script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body id="wechat_transferaccount" class="bg1">
	<div id="page_main">
    	<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">产品安装</h1>
		</header>
	  	<section>
		  	<form method="post" >
		      	<div class="cont-wrap bgWhite">
		          	<div class="functionList">
		              	<div class="list display-box">
		                  	<div class="display-box">
		                      	<div class="title Center"><h1>安装品类</h1></div>
		                      	<div class="arrow Center">
		                      		<div class="select">
		                      			<span class="product">请选择</span><span class="mui-icon mui-icon-arrowdown"></span>
		                      			<ul class="ul">
		                      				<li class="li">电视</li>
		                      				<li class="li">冰箱</li>
		                      				<li class="li">空调</li>
		                      			</ul>
		                      		</div>
		                      	</div>
		                  	</div>
		              	</div>
			          	<div class="list display-box">
			              	<div class="display-box">
			                  	<div class="title Center"><h1>安装品牌</h1></div>
			                    <div class="arrow Center">
			                       <div class="select2">
		                      			<span class="product2">请选择</span><span class="mui-icon mui-icon-arrowdown"></span>
		                      			<ul class="ul2">
		                      				<li class="li2">创维</li>
		                      				<li class="li2">夏普</li>
		                      				<li class="li2">三星</li>
		                      			</ul>
		                      		</div>
			                    </div>
			                </div>
			            </div>
		
			            <div class=" warranty-period">
			                	<div >
			                		<textarea name="" rows="3" placeholder="备注信息"></textarea>
			                	</div>
			            </div>
		              	<div class="list display-box">
		                  	<div class="display-box">
		                      	<div class="title Center"><h1>期望服务时间</h1></div>
		                      	<div class="arrow Center">
		                         	<input type="text" name="transfertime" id="transfer_out_time" placeholder="2017-04-05 11:26">
		                         	<i class="iconfont icon-jiantou"></i>
		                      	</div>
		                  	</div>
		              	</div>
		            </div>
		        </div>
		
		      	<div class="phone1">
				    <p>直接拨打电话联系我们</p>
				    <p>0750-1234567</p>
		    	</div>
			</form>
	  	</section>
	  	<p class="next">
	  		<a href="edit-address.html"><button type="button" data-loading-icon="mui-spinner mui-spinner-custom" class="mui-btn mui-btn-primary">下一步</button></a>
	  	</p>
	</div>
	
	<script  type="text/javascript" src="js/mui.min.js"></script>
	<script  type="text/javascript" src="js/main.js"></script>
	<script  type="text/javascript" src="js/jquery.selector-px.js"></script>
	<script type="text/javascript" src="js/fastclick.js"></script>
	<script>
	    $(function() {
	    	FastClick.attach(document.body);
	  	});
	</script>
	<script  type="text/javascript" >
		mui.init();		
		mui.plusReady(function(){
			$(".select").on("tap",function(){
				var product = document.getElementsByClassName("product")[0];
				var li = document.getElementsByClassName("li");
				$(".ul").show();
				
				for(var i =0; i<li.length;i++){
					li[i].addEventListener("click",function(){
						product.innerText = this.innerText;
						$(".ul").hide();
					},false);
				}
			})
			
			$(".select2").on("tap",function(){
				$(".ul2").show();
				var product = document.getElementsByClassName("product2")[0];
				var li = document.getElementsByClassName("li2");
				for(var i =0; i<li.length;i++){
					li[i].addEventListener("click",function(){
						product.innerText = this.innerText;
						$(".ul2").hide();
					},false);
				}
			})
	//		$(".select").click(function(){
	//			$(".ul").show();
	//			$('.li').each( function(i, e){
	//			   $(".li").eq(i).click(function(){
	//			   		$(".product").text($(".li").eq(i).text());
	//			   		$(".ul").hide();
	//			   });
	//			});
	//		});
			
	//	    $('.type-choose .item1').click(function(){
	//	        $('#hideItem').hide();
	//	        $(this).addClass('active').siblings().removeClass('active');
	//	    });
		
	//	    function closeopen(id){
	//	       $(id).hide();$("#page_main").show()
	//	    }
			$.dateSelector3({
		        evEle: '#transfer_in_time',
		        year: 2017,
		        month: 06,
		        day: 08,
		        startYear: '2017',
		        endYear: '2017',
		        timeBoo: true,
		        title:'收钱时间',
		        afterAction: function (d1, d2, d3, d4, d5) {
		        $('#transfer_in_time').val(d1 + '-' + d2 + '-' + d3 + ' ' + d4 + ':' + d5);
		        }
		    });
			$.dateSelector3({
		        evEle: '#transfer_out_time',
		        year: 2017,
		        month: 06,
		        day: 08,
		        startYear: '2017',
		        endYear: '2017',
		        timeBoo: true,
		        afterAction: function (d1, d2, d3, d4, d5) {
		        $('#transfer_out_time').val(d1 + '-' + d2 + '-' + d3 + ' ' + d4 + ':' + d5);
		        }
		    });
	    });
	</script>
	<script>
	
	function formSave(){
	 if(document.getElementById('transfer_out_time').value==""){
	  alert("日期不能为空");
	  document.getElementById('xingming').focus();
	  return false;
	 }
	 if(document.getElementById('mail').value==""){
	  alert("邮箱不能为空");
	  document.getElementById('mail').focus();
	  return false;
	 }
	 if(document.getElementById('liuyan').value==""){
	  alert("留言不能为空");
	  document.getElementById('liuyan').focus();
	  return false;
	 }
	}
	
	</script>
</body>
</html>
